<template>
  <div>
  <el-rate
    v-model="value"
    :icon-classes="iconClasses"
    :colors="['#99A9BF', '#F7BA2A', '#FF9900']"
    show-text>
  </el-rate>
    <div id="magicalDragScene" class="mc-root mc-ui-absolute-pane">
      <div class="mc-echarts-pie" style="height: 400px; position: absolute; left: 28%; top: 14.4286%;"></div>
      123
    </div>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        value: null,
        iconClasses:
          // ['icon-rate-face-1', 'icon-rate-face-2', 'icon-rate-face-3'] // 等同于
        { 2: 'el-icon-platform-eleme', 4: { value: 'el-icon-eleme', excluded: true }, 5: 'el-icon-user-solid' }
      }
    }
  }
</script>

<style scoped>

</style>
